$(function() {
    
    //登录之后的数据请求
    $.ajax({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        },
        type: 'get',
        url: "http://test.cn/user/getUserInfo",
        success: function(data) {
            if (data.code == 200) {
                $(".person").text(data.data[0].name)
            } else {
                alert('输入内容错误！');
            }
        }
    });
          //这里是头部搜索框的搜索
    $(".search").click(function(){
        bigsearch()
    })
    $(".nav-form input").keydown(function(e){
        if(e.keyCode == 13){
        bigsearch()
        }
    })
    // 变更排行榜样式

// 排行榜每个人的点击
$(document).on("click",".tbody",function(){
    let id = $(this).attr("id");
    window.open("http://test.cn/search-page?id="+id,"target")
})

    //首次提取数据git
    ajx(url, test);

    //第一步动态生成页码
    greatpage(url);

    //设置页码的点击
    $(document).on("click", ".page", function(e) {
        $(".page").removeClass("active")
        $(this).addClass("active")
        let clickpage = $(this).text();
        ajx(url, clickpage, way);
        $(".nowpage").text(clickpage);
        show()
    })

    //上一个的点击
    $(".last-page").click(function() {
        if ($(".active").text() - 1 > 0) {
            $(".active").prev().addClass("active")
            $(".active").last().removeClass("active");
            let lastpage = $(".active").text();
            ajx(url, lastpage, way);
            $(".nowpage").text(lastpage);
            show()
        } else {
            return 0;
        }
    })

    //下一页的点击
    $(".next-page").click(function() {
        if ($(".active").text() < $(".page").length - 0) {
            $(".active").next().addClass("active")
            $(".active").eq(0).removeClass("active");
            let nextpage = $(".active").text();
            ajx(url, nextpage, way);
            $(".nowpage").text(nextpage);
            show()
        } else {
            return 0;
        }
    })

    //跳转的enter   
    $(".jump input").keydown(function(e) {
        if (e.keyCode == 13) {

            if ($(this).val() != '') {
                let jumppage = parseInt($(this).val());
                if (!isNaN(jumppage)) {} else {
                    alert("请输入正确页码！");
                    return;
                }
                if (jumppage < 1) {
                    alert("请输入正确页码！");
                    return;
                }
                if (jumppage > $(".page").length) {
                    alert("请输入正确页码");
                    return 0;
                }
                $(".page").removeClass("active");
                $(".page").eq(jumppage - 1).addClass("active")
                let jumpage = $(".active").text();
                ajx(url, jumpage, way);
                $(".nowpage").text(jumpage);
                show()
            }
        }

    })


    //搜索的点击
    $(".search-btn").click(

        function() {
            way = "post"
            test = 1;
            url = "http://test.cn/ranginglist/searchingGeneral?page="
            search(url, test);
        }
    )
    $(".search-ps input").keydown(function(e) {
        if (e.keyCode == 13) {
            way = "post"
            test = 1;
            url = "http://test.cn/ranginglist/searchingGeneral?page="
            search(url, test);
        }
    })

})

//以后所有的网址
var url = "http://test.cn/ranginglist/getProjectMessage?page=";

//总页数
var test = 1;
//请求的方式
var way = 'get';

//请求的函数
function ajx(url, num, waysend) {
    $.ajax({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        },
        type: waysend,
        url: url + num,
        dataType: "json",
        success: function(data) {
            if (data.code == 200) {
                $(".table .tbody").remove();
                pages = data.data.last_page;
                let this_pages = data.data.current_page
                $(".pagez").text(pages)
                let things = data.data.data;
                console.log(things);
                $(things).each(function(index, item) {
                    let con = `
				<ul class="tbody" id=${item.id}>
                <li class="list-one">${(index) + (this_pages - 1) * 8 + 1}</li>
                <li class="list-tow">${item.account}</li>
                <li class="list-tree">${item.user_name}</li>
                <li class="list-four">${item.tol_dz}</li>
                <li class="list-five">${item.tol_article}</li>
                <li class="list-six">${item.rating}</li>
                </ul>
							`
                    $(".table").append(con)
                })

            } else {
                alert('输入内容错误！');
            }
        },
        fail: function() {

        }

    });
}

//生成页码的函数
function greatpage(ur) {
    let pages;
    $.ajax({
        type: 'get',
        url: ur,
        dataType: "json",
        success: function(data) {
            if (data.code == 200) {
                pages = data.data.last_page;
                test = data.data.last_page;
                $(".page").remove();
                for (let i = 1; i <= pages; i++) {
                    let page = `
		<div class="page pp">${i}</div>
		`
                    $(".pp").last().after(page);
                }
                $(".page").eq(0).addClass("active")
                $(".page").css("display", "none")

                show();



            } else {
                alert('输入内容错误！');
            }
        }
    });

}




//搜索的函数
function search(url, num) {
    let sear = $(".search-ps input").val();
    $.ajax({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        },
        type: 'post',
        url: url + num,
        dataType: "json",
        data: {
            user_name: sear
        },
        success: function(data) {
            if (data.code == 200) {
                console.log(data);
                let pages;
                $(".page").remove();
                $(".nowpage").text("1");
                pages = data.data.last_page;
                $(".pagez").text(pages);
                test = data.data.last_page;
                $(".page").remove();
                for (let i = 1; i <= pages; i++) {
                    let page = `
		<div class="page pp">${i}</div>
		`
                    $(".pp").last().after(page);
                }
                $(".page").eq(0).addClass("active")
                $(".page").css("display", "none")
                show();
                //那啥更改第一页
                //更改第一页
                $(".table .tbody").remove();
                let things = data.data.data;
                 let this_pages = data.data.current_page
                $(things).each(function(index, item) {
                    let con = `
				<ul class="tbody" id=${item.id}>
                <li class="list-one">${(index) + (this_pages - 1) * 8 + 1}</li>
                <li class="list-tow">${item.account}</li>
                <li class="list-tree">${item.user_name}</li>
                <li class="list-four">${item.tol_dz}</li>
                <li class="list-five">${item.tol_article}</li>
                <li class="list-six">${item.rating}</li>
                </ul>
							`
                    $(".table").append(con)
                })
            } else {
                alert('输入内容错误！');
            }
        }
    });
}

//页码只显示四个的方法
function show() {
    $(".page").css("display", "none")
    let show = parseInt($(".nowpage").text());
    let show2 = show;
    for (show2; show2 < show + 4; show2++) {
        $(".page").eq(show2 - 1).css("display", "block")
    }
}
//这里是搜索的函数
function bigsearch(){
        let content = $(".nav-form input").val().trim();
        if (content != '') {
                        $.ajax({
                    headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                   },
                    type: 'get',
                    url:"http://test.cn/post/search",
                    dataType: "json",
                    data:{
                        keyword:content
                    },
                    success: function(data) {
                        if(data.code == 200) {
                            if (data.data == "对不起，没有相关文章") {
                                alert("对不起，没有相关文章！")
                                return 0;
                            } else{
                                window.open("http://test.cn/search-page?content="+content,"target")
                            }
                            
                        } else {
                            alert('无相关类型文章！');
                        }
                    }
                });
        } else{
            alert("请输入内容")
        }
}